<html><head>
		<title>WebGLORE</title>
		<meta name="description" content="Grid Binary Logistic Regression">
		<meta name="keywords" content="GLORE, glore, grid, binary, logistic, regression, sharing, shared, data, model, privacy">
		<meta name="author" content="Asher McCall Garland">
		<meta charset="UTF-8">
		<link href="./css/styles.css" rel="stylesheet" type="text/css">
		<script src="./js/jquery-1.8.2.min.js" language="JavaScript" type="text/javascript"></script>
		<script src="./js/utility_home.js" language="JavaScript" type="text/javascript"></script>
	</head>

	<body >

		<div id="main_container">
			<div id="left_container">

				<!-- Logo Start -->
				<div id="title">

					<div id="logo">
						<h1>GLORE</h1>
					</div>

					<div id="name">
						<h3>Web-based Grid binary LOgistic REgression (WebGLORE)</h3>
					</div>

				</div>
				<!-- Logo End -->

				<!-- Navigation Start-->
				<div id="navigation" class="border rounded-upper">

					<div id="nav_header" class="bottom-border">
						<h3>Navigation</h3></div>

					<a id="nav_login" class="nav bottom-border" href="./login.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="">Login</h2>
							<p>Log into the GLORE system</p>
						</div>
					</a>
					
					<a id="nav_home" class="nav bottom-border" href="./index.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="hightlighted">Home</h2>
							<p>View your GLORE profile page</p>
						</div>
					</a>

					<a id="nav_instructions" class="nav bottom-border" href="./instructions.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2 class="">Instructions</h2>
							<p>Learn the fundamentals of using GLORE</p>
						</div>
					</a>

					<a id="nav_registration" class="nav bottom-border" href="./registration.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Registration</h2>
							<p>Register an account in GLORE</p>
						</div>
					</a>

					<a id="nav_createTask" class="nav bottom-border" href="./createTask.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Create Task</h2>
							<p>Create a new GLORE task</p>
						</div>
					</a>
					
					<a id="nav_wait" class="nav bottom-border" href="./WaitForParticipants.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>WaitForParticipants</h2>
							<p>Wait for other participants</p>
						</div>
					</a>

					<a id="nav_compute" class="nav bottom-border" href="./computation.jsp">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Computation</h2>
							<p>Computation process</p>
						</div>
					</a>

					<a id="team" class="nav bottom-border" href="./team.html">
						<div class="nav_icon">
						</div>
						<div class="nav_text">
							<h2>Team</h2>
							<p>Team members</p>
						</div>
					</a>
					
				</div>
				<!-- Navigation End-->

			</div>

			<div id="right_container" class="border rounded-upper">

				<div id="header" class="bottom-border">
					<h2>Home</h2>
				</div>

					<ul id="tabs">
				        <li id="tabs-1" class='target'>Information</li>
				        <li id="tabs-2" class=''>Update Profile</li>
				        <li id="tabs-3"class=''>View Tasks</li>
				        <li id="tabs-4">Collaborators</li>
			   		</ul>

			   		<div id = 'home_content' class='shadow'>
			   			<div id="content-1">
			   				<!-- Information -->
			   				<p>WebGLORE is a webservice for biomedical researchers to build a global predictive logistic regression model without sharing data. The tool leverages a distributed Newton-Raphson algorithm and an easy-to-use interface to exchange aggregated statistics from participating institutions, which are less privacy sensitive compared to the raw data, to overcome the regulation barriers. The results are guaranteed to be accurate as if models are trained from combined raw data in a central repository. WebGLORE is the first-of-its-kind that enables iterative optimization procedures to be executed over the network in realtime. Meaningful use of WebGLORE can improve statistical power, speedup discovery, and make a difference to applications where sample size matters.</p>
							
							<hr>
							<b><font size="3">GLORE Java backbone:</font></b>
							
							<br></br>
							<li>The software, developed for research and educational purpose, is a Java 
							implementation of <a href="http://jamia.bmj.com/content/early/2012/04/16/amiajnl-2012-000862">Grid Binary LOgistic REgression (GLORE): building shared models without sharing data</a> by Yuan Wu, Xiaoqian Jiang, Jihoon Kim, and Lucila Ohno-Machado. This program is based on the formualtion in
							 "<a href="http://jamia.bmj.com/content/early/2012/04/16/amiajnl-2012-000862/suppl/DC1" rel="nofollow"><i>appendix</i></a>".</li>
							 <br>
							<li>Check out the source code from <b><a href="https://code.google.com/p/glore/">here</a></b> using subversion.
							(<a href="./data/readme.txt">README</a>)</li>
							
							<br><b><font size="3">GLORE Web Service:</font></b></br>
							<br>
							<li>WebGLORE is an extension of the GLORE Java backbone </li>
							<br>
							<li>Check out the source code from <b><a href="https://code.google.com/p/webglore/">here</a></b> using subversion.
							(<a href="./data/deployment.pdf">DEPLOYMENT</a>)</li>
							
							<hr>
							
							<b><font size="3">Using GLORE code or this webservice:</font></b>
							
							<br></br>
							<li>The code and webservice are publicly available to facilitate research and education in privacy-preserving biomedical research. If you publish material based on the code or the webservice, please refer to the source as follows, to help others to obtain the code and reproduce your experiments.</li>
							
							<br>
							<li>Jiang X, Jiang W, Li P, Garland A, Shaginyan K, Garland A, Lu C, Xue M, Wu Y, Wang S, Ohno-Machado L. WebGLORE: A Java implementation of the Grid binary LOgistic REgression (GLORE) webservice. Division of Biomedical Informatics, University of California, San Diego, http://dbmi-engine.ucsd.edu/webglore2/, 2013.</li>
							
							<br>
							<li>Bibtex entry:</li>
							
							@MISC{xjiang13glore, <br />
							author = "Jiang X, Jiang W, Li P, Garland A, Shaginyan K, Garland A, Lu C, Xue M, Wu Y, Wang S, Ohno-Machado L", <br />
							title = "WebGLORE: A Java implementation of the Grid binary LOgistic REgression (GLORE) webservice", <br />
							howpublished = "http://dbmi-engine.ucsd.edu/webglore2/",<br />
							year = "2013"<br />
							} <br />

			   			</div>
			   			<div id='content-2' class='hide'>
			   				<!-- Update Profile -->
			   				<h2>Update Profile Information:</h2>
			   				<div id="error_display">

							</div>
			   				<form id = 'update'>
							<div> 
								<div  class='alignleft'><span>First name</span></div>
								<div id = 'update_firstName' class = 'formComfirmationImg wrong alignright' ></div>
								<div class='alignright'><input type='text' id='firstName' name='firstName'></div>
							</div>
							<div class = 'clear'></div>
							<div> 
								<div class='alignleft'><span>Last name</span></div>
								<div id = 'update_lastName' class = 'formComfirmationImg wrong alignright' ></div>
								<div class='alignright'><input type='text' id='lastName' name='lastName'></div>
							</div>
							<div class = 'clear'></div>
							<div> 
								<div class='alignleft'><span>Email</span></div>
								<div id = 'update_email' class = 'formComfirmationImg wrong alignright' ></div>
								<div class='alignright'><input type='text' id='email' name='email'></div>
							</div>
							<div class = 'clear'></div>
							<div> 
								<div class='alignleft'><span>Password</span></div>
								<div id = 'update_password' class = 'formComfirmationImg wrong alignright' ></div>
								<div class='alignright'><input type='password' id='password' name='password'></div>
							</div>
							<div class = 'clear'></div>
							<div> 
								<div class='alignleft'><span>Comfirm Password</span></div>
								<div id = 'update_comfirmPassword' class = 'formComfirmationImg wrong alignright' ></div>
								<div class='alignright'><input type='password' id='comfirmPassword' name='comfirmPassword'></div>
							</div>
							<div class = 'clear'></div>
							<button type = 'button' id='update_submit'>Save Changes</button>
							<button type = 'button' id='update_reset'>Reset</button>
					</form>
			   			</div>
			   			<div id='content-3' class='hide'>
			   				<!-- View Tasks -->
			   				<h2>Tasks:</h2>

			   				<ul id='ul1'>
			   					<li>Task Name 1</l1>
		   						<li>Task Name 2</l1>
	   							<li>Task Name 3</l1>
   								<li>Task Name 4</l1>
			   				</ul>
			   			</div>
			   			<div id='content-4' class='hide'>
			   				<!-- Collaborators -->
			   				<h2>Collaborators:</h2>

			   				<ul id='collaborators'>
			   					<li id='collaborator_0' class='hide'>
			   						<table>
			   						<tbody>
			   						<tr>
		   							<td class="collaborator">
			   							<p>Collaborator Name</p>
		   							</td>
		   							<td class="collab_stat">
				   						<div class="progress-outer">
										    <div class="progress-inner"></div>
										</div>
									</td>
									</tr>
									<tr>
										<td>
										<ul class='collab_tasks'>
				   							<li>
			   									<p>Task 1</p>
			   								</li>
			   								<li>
			   									<p>Task 2</p>
		   									</li>	
		   									<li>
			   									<p>Task 3</p>
		   									</li>
		   								</ul>
			   							</td>
			   						</tr>
									</tbody>
									</table>
								</li>
								<li id='collaborator_1' class='hide'>
			   						<table>
			   						<tbody>
			   						<tr>
		   							<td class="collaborator">
			   							<p>Collaborator Name</p>
		   							</td>
		   							<td class="collab_stat">
				   						<div class="progress-outer">
										    <div class="progress-inner"></div>
										</div>
									</td>
									</tr>
									<tr>
										<td>
										<ul class='collab_tasks hide'>
				   							<li>
			   									<p>Task 1</p>
			   								</li>
			   								<li>
			   									<p>Task 2</p>
		   									</li>	
		   									<li>
			   									<p>Task 3</p>
		   									</li>
		   								</ul>
			   							</td>
			   						</tr>
									</tbody>
									</table>
								</li>
								<li id='collaborator_2' class='hide'>
			   						<table>
			   						<tbody>
			   						<tr>
		   							<td class="collaborator">
			   							<p>Collaborator Name</p>
		   							</td>
		   							<td class="collab_stat">
				   						<div class="progress-outer">
										    <div class="progress-inner"></div>
										</div>
									</td>
									</tr>
									<tr>
										<td>
										<ul class='collab_tasks hide'>
				   							<li>
			   									<p>Task 1</p>
			   								</li>
			   								<li>
			   									<p>Task 2</p>
		   									</li>	
		   									<li>
			   									<p>Task 3</p>
		   									</li>
		   								</ul>
			   							</td>
			   						</tr>
									</tbody>
									</table>
								</li>
								<li id='collaborator_3' class='hide'>
			   						<table>
			   						<tbody>
			   						<tr>
		   							<td class="collaborator">
			   							<p>Collaborator Name</p>
		   							</td>
		   							<td class="collab_stat">
				   						<div class="progress-outer">
										    <div class="progress-inner"></div>
										</div>
									</td>
									</tr>
									<tr>
										<td>
										<ul class='collab_tasks hide'>
				   							<li>
			   									<p>Task 1</p>
			   								</li>
			   								<li>
			   									<p>Task 2</p>
		   									</li>	
		   									<li>
			   									<p>Task 3</p>
		   									</li>
		   								</ul>
			   							</td>
			   						</tr>
									</tbody>
									</table>
								</li>
								<li id='collaborator_4' class='hide'>
			   						<table>
			   						<tbody>
			   						<tr>
		   							<td class="collaborator">
			   							<p>Collaborator Name</p>
		   							</td>
		   							<td class="collab_stat">
				   						<div class="progress-outer">
										    <div class="progress-inner"></div>
										</div>
									</td>
									</tr>
									<tr>
										<td>
											<ul class='collab_tasks hide'>
				   								<li>
				   									<p>Task 1</p>
				   								</li>
				   								<li>
				   									<p>Task 2</p>
			   									</li>	
			   									<li>
				   									<p>Task 3</p>
			   									</li>
			   								</ul>
			   							</td>
			   						</tr>
									</tbody>
									</table>
								</li>
			   				</ul>

			   			</div>
			   		</div>
			</div>

		</div>

	

</body></html>